<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library = "css" name = "default.css" />
        <h:outputStylesheet library = "css" name = "cssLayout.css" />
        <title>Splash page Template</title>
    </h:head>

    <h:body>
        <div class="wrapper">
           
                <!-- HEADER PART --> 
                 <div id="top">
                  <div class="stl">
                      
                      <div class="logo">
                            <h3>ITU FRIEND U </h3>
                      </div>
                     
                     <!-- LOGGED IN SECTION -->
                    <div class="login">
                         <h:form rendered="#{loginBean.logedIn}">
                                <h:commandLink action="#{loginBean.logout()}" value="LogOut" />
                            </h:form>
                            <c:if test="#{!loginBean.logedIn}">
                                <h:link outcome="/index.xhtml" value="#{msgs.loginAction}"/>
                            </c:if>
                    </div>
                     </div>
                     <!-- END OF LOGGED IN -->
                    <div style="clear:both"></div>
                </div>
                <!-- END OF HEADER -->
                <!-- CONTENT PART --> 
                <div id="content" class="content">
                    <div class="cont_left_box">
                        <ui:insert name="content_left"></ui:insert>
                    </div>   
                    <div class="cont_right_box">
                        <ui:insert name="content_right">Content</ui:insert>
                    </div>
                    <div style="clear:both"></div>
                </div>
                <!-- END OF CONTENT --> 
                <!-- BOTTOM PART -->
                <div id="bottom">
                    <ui:insert name="bottom">Bottom</ui:insert>
                </div>
                <!--END OF BOTOM -->
            </div>
       
    </h:body>

</html>
